---
title: 书法
tags:
date: 2024-01-31 15:31:28
comments: false

---


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>Document</title>
</head>
<script src="../../themes/cards/source/js/darkmode.js"></script>
<style>
    .grid-container {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 10px;
        margin: 20px;
    }

    .grid-item {
        /* background-color: #{{ random_color }}; */
        border-radius: 10px;
        padding: 10px;
        text-align: center;
        color: white;
        height: 80px;
        /* Increase item height */
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }

    .grid-item a {
        color: white;
        text-decoration: none;
        font-size: 13px;
    }
</style>

<body>
    <div class="grid-container">
        <a href="../poem/shufaDict.html">
            <div class="grid-item">
                田楷字典
            </div>
        </a>
        <a href="../poem/shufaDict_more.html">
            <div class="grid-item">
                书法字典
            </div>
        </a>
        <a href="../poem/jizi2.html">
            <div class="grid-item">
                集字
            </div>
        </a>
        <a href="../poem/zitie_today/zitie_today.html">
            <div class="grid-item">
                今日字帖
            </div>
        </a>
        <a href="../poem/zitie.html">
            <div class="grid-item">
                名家字帖
            </div>
        </a>
        <a href="../poem/index.html">
            <div class="grid-item">
                诗词文
            </div>
        </a>
        <a href="../poem/famousSentencesDetail.html">
            <div class="grid-item">
                今日写什么
            </div>
        </a>
        <a href="../poem/famousSentences.html">
            <div class="grid-item">
                名句
            </div>
        </a>
        <a href="../poem/springCouplet.html">
            <div class="grid-item">
                春联
            </div>
        </a>
        <a href="../poem/yitizi.html">
            <div class="grid-item">
                异体字查询
            </div>
        </a>
        <a href="https://mdx.lintiebao.cn">
            <div class="grid-item">
                其他书体
            </div>
        </a>
        <!-- <a href="../poem/removebg.html">
            <div class="grid-item">
                移除背景
            </div>
        </a>
        <a href="../poem/tinyimage.html">
            <div class="grid-item">
                图片瘦身
            </div>
        </a> -->

    </div>
</body>
<script>

    hiddenEle()

    var postTitle = document.querySelector('.post-title');
    postTitle.style.display = 'none';

    var headeRight = document.querySelector('.header__right');
    headeRight.style.display = 'none';

    var headeLeft = document.querySelector('.header__left');
    headeLeft.style.display = 'none';

    // var footer = document.querySelector('.footer');
    // footer.style.display = 'none';


    localStorage.setItem('dict_className', "danzi");
    localStorage.setItem('dictMore_name', "田楷字典");


    // 强制改成light模式
    (() => {
        const rootElement = document.documentElement;
        const darkModeStorageKey = 'user-color-scheme';
        const rootElementDarkModeAttributeName = 'data-user-color-scheme';

        const setLS = (k, v) => {
            try {
                localStorage.setItem(k, v);
            } catch (e) { }
        };

        const applyLightMode = () => {
            setLS(darkModeStorageKey, 'light');
            rootElement.setAttribute(rootElementDarkModeAttributeName, 'light');

            // 确保样式切换
            if (document.getElementById('hl-dark-theme')) {
                document.getElementById('hl-dark-theme').media = 'none';
                document.getElementById('hl-default-theme').media = 'all';
            }
        };

        // 在页面加载时强制应用 light 模式
        window.onload = () => {
            applyLightMode();
        };
    })();



    function getRandomDarkColor() {
        var letters = '012345';
        var color = '#';
        for (var i = 0; i < 3; i++) {
            color += letters[Math.floor(Math.random() * 6)];
        }
        return color;
    }
    document.addEventListener('DOMContentLoaded', function () {
        var items = document.querySelectorAll('.grid-item');
        items.forEach(function (item) {
            item.style.backgroundColor = getRandomDarkColor();
        });
    });
    function hiddenEle() {
        document.addEventListener('DOMContentLoaded', function () {
            var footerMetaElement = document.querySelector('.post-footer__meta');
            if (footerMetaElement) {
                var lastChild = footerMetaElement.lastElementChild;
                if (lastChild) {
                    lastChild.style.marginBottom = '0';
                    lastChild.style.display = 'none';
                } else {
                    console.error('No child elements found in .post-footer__meta');
                }
            } else {
                console.error('Element with class .post-footer__meta not found');
            }

            // 隐藏 .post-entry__meta 元素
            var postEntryMetaElements = document.querySelectorAll('.post-entry__meta');
            postEntryMetaElements.forEach(function (element) {
                element.style.display = 'none';
            });

            // 隐藏 .post-title__meta 元素
            var postTitleMetaElements = document.querySelectorAll('.post-title__meta');
            postTitleMetaElements.forEach(function (element) {
                element.style.display = 'none';
            });
            var footerElement = document.querySelector('.footer');
            if (footerElement) {
                var lastChild = footerElement.lastElementChild;
                if (lastChild) {
                    lastChild.style.marginBottom = '0';
                    lastChild.style.display = 'none';
                } else {
                    console.error('No child elements found in .post-footer__meta');
                }
            } else {
                console.error('Element with class .post-footer__meta not found');
            }
        });
    }
</script>

</html>